// 入口
const getSum = require('./getSum.js')

const sum = getSum.add(10,120)

// document.body.innerHTML = sum

// require('./style/index.css') // 报错 ---- 默认情况下webpack只能处理js文件

// import 引入模块 这个是es6的模块化语法 作用相当于 require
import './style/index.css'// 报错 ---- 默认情况下webpack只能处理js文件

import './style/b.less'

// es6的模块化语法
// import 变量名 from '引入的文件路径'
// 此刻变量名就代表引入的文件对象
import img from './img/01.jpg'

let imgTag = document.createElement('img')
imgTag.src = img
document.body.appendChild(imgTag)
imgTag.style.width = "100px"

//测试babel语法降级 功能，通过babel加载器把js高级语法转换为
// 低级的语法，比如：箭头函数转换为普通函数
console.log(()=>{
    console.log('123')
});


// import Vue from 'vue'
import header from './views/header.vue'
import test from './views/test.js'
// new Vue({
//     el: '#app', // 设置vue代码渲染的地方
//     render: h=>h(header)
// })
import { createApp } from 'vue'
createApp(
    test
).mount('#app')